<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>

<!-- ------------------------------------------------------------ -->
<!-- ************************************************************ -->
<!-- * Graphics and xhtml/css code                              * -->
<!-- * Copyright (c) 2007, Ondrej Pohorsky  All rights reserved * -->
<!-- *                                                          * -->
<!-- * author: Ondrej Pohorsky                                  * -->
<!-- * url:    http://www.poho.cz                               * -->
<!-- * mail:   poho@poho.cz                                     * -->
<!-- * icq:    190484844                                        * -->
<!-- *                                                          * -->
<!-- * This work is under BSD license                           * -->
<!-- ************************************************************ -->
<!-- ------------------------------------------------------------ -->

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<title>Text</title>
<meta name="author" content="Ondrej Pohorsky; http://www.poho.cz; poho@poho.cz" />

<script type="text/javascript" src="../design/js/javascript.js"></script>

<link rel="shortcut icon" href="../design/img/favicon.ico" type="image/x-icon" />

<link rel="stylesheet" href="../design/styles/default.css" media="screen, projection, tv" type="text/css" />
<link rel="stylesheet" href="../design/styles/print.css" media="print" type="text/css" />
</head>
<body>
  <div id="witti">
  
    <div id="header">
      <a href="../index.html" class="logo"><span>Witti</span></a>
      <p class="userinfo"><strong>wellard</strong> | <a href="#">My account</a> | <a href="#">Logout!</a></p>
      <div class="cleaner"></div>
    </div><!-- header -->
    
    <div id="main">
      <div id="menu">
        <ul>
          <li><a href="../index.html">Introduction</a></li>
          <li><a href="../parts.html" class="active">Parts</a>
            <ul>
              <li><a href="../parts/text.html" class="active">Text</a></li>
              <li><a href="../parts/lists.html">Lists</a></li>
              <li><a href="../parts/table-list.html">Table as list</a></li>
              <li><a href="../parts/table-info.html">Info table</a></li>
              <li><a href="../parts/form.html">Form</a></li>
              <li><a href="../parts/messages.html">Messages</a></li>
              <li><a href="../parts/separate-columns.html">Separate columns</a></li>
              <li><a href="../parts/gallery.html">Gallery</a></li>
            </ul>
          </li>
          <li><a href="../licence.html">Licence</a></li>
        </ul>
      </div><!-- content -->
      <div id="content">
        <h1>Text (H1)</h1>
        <p>
          <!-- You can simply place picture on left or right side of paragraph -->
          <img src="../design/picture.gif" alt="Picture" title="Picture" class="left" />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse 
          dolor ante, varius non, tempus ut, tempus sed, turpis. Vestibulum eleifend, 
          sem nec auctor dapibus, massa urna dictum pede, eget tincidunt enim ante 
          imperdiet nibh. Pellentesque <a href="#">condimentum vestibulum</a> orci. Donec vitae mi. 
          In porta massa vitae tortor. Cras diam. Vestibulum eu libero in risus 
          dictum rutrum. Sed molestie velit sed nibh. Fusce non nibh. Lorem ipsum 
          dolor sit amet, consectetuer adipiscing elit. <strong>Vestibulum sit amet</strong> elit 
          dapibus enim ultrices ultricies. Vestibulum dolor nisi, sollicitudin nec, 
          venenatis vitae, egestas at, neque. Vestibulum mattis venenatis dolor. 
          Cras nonummy odio volutpat nulla. Mauris lobortis pede sodales risus. 
          Etiam lacus elit, blandit non, rutrum a, commodo a, libero. Mauris 
          ultricies diam nec neque. <em>Phasellus iaculis lacus sed lorem.</em>
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat 
          volutpat. Vestibulum luctus arcu et enim. Nulla vehicula varius lacus. 
          Cras rhoncus tristique mauris. Vestibulum feugiat nulla at metus. Fusce 
          adipiscing est sollicitudin sem. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus.
        </p>
        <h2>Subheading (H2)</h2>
        <!-- This way you can use if you want to place description below of the picture -->
        <div class="right">
          <img src="../design/picture.gif" alt="Picture" title="Picture" /><br/>
          <em>Description</em>
        </div>
        <p>
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat 
          volutpat. Vestibulum luctus arcu et enim. Nulla vehicula varius lacus. 
          Cras rhoncus tristique mauris. Vestibulum feugiat nulla at metus. Fusce 
          adipiscing est sollicitudin sem. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus.
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat 
          volutpat. Vestibulum luctus arcu et enim. Nulla vehicula varius lacus. 
          Cras rhoncus tristique mauris. Vestibulum feugiat nulla at metus. Fusce 
          adipiscing est sollicitudin sem. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus. Vestibulum ante ipsum primis in faucibus 
          orci luctus et ultrices posuere cubilia Curae; Pellentesque pulvinar 
          laoreet nisi. Fusce nec magna sed turpis dapibus gravida. Sed ullamcorper 
          nonummy orci. Vivamus semper dictum dolor. Aenean bibendum, erat at 
          volutpat bibendum, lectus dolor auctor erat, sit amet porttitor elit 
          justo at lacus.
        </p>
        <div class="center">
          <img src="../design/big_picture.gif" alt="Picture" title="Picture" /><br/>
          <em>Description with <a href="#">Link</a></em>
        </div>
        
        <blockquote>
          <p>
            This is simple citation...
          </p>
        </blockquote>
        
        <div class="important">
          <p>
            This is important...
          </p>
        </div>
        
        <div class="print">
          <a href="javascript:print()"><em>Print this page</em></a>
        </div>
      </div><!-- content -->
      <div class="cleaner"></div>
    </div><!-- main -->
    
    <div id="footer">
      <p>design: <a href="http://www.poho.cz/">Ondřej Pohorský</a></p>
    </div><!-- footer -->
  
  </div><!-- witti -->
</body>
</html>
